@extends('corporation.layouts.layout')

@section('content')
<div class="col-sm-12">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>查看签到</h5>
        </div>
        <div class="ibox-content">

            <div class="row">
                <form method="get" action="/admin/users">
                  <div class="col-sm-3 m-b-xs">
                      <input  placeholder="输入搜索内容"
                              class="form-control" value=""  name="keyword">
                  </div>
                    {{--<div class="col-sm-3 m-b-xs">
                        <input  placeholder="结束日期"
                                class="form-control layer-date" id="end" name="end_date">
                    </div>--}}
                 <div class="col-sm-1 pull-right">
                    <button type="submit" class="btn btn-info" id="searchLogs">搜索</button>
                  </div>
                </form>
            </div>

            <hr >
            <div class="table-responsive">
                <table class="table table-hover dataTable" id="logs">

                    <thead>
                        <tr>
                            <th>签到日期</th>
                            <th>签到时间</th>
                            <th>签到人</th>
                            <th>签到地址</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>2017-08-08</th>
                            <th>09:45</th>
                            <th>张瑞</th>
                            <th>北京市海淀区中关村</th>
                            <th><a href="javascript:void(0);" onclick="openModal();">查看</a>
                            </th>
                        </tr>
                        <tr>
                            <th>2017-08-08</th>
                            <th>09:45</th>
                            <th>张瑞</th>
                            <th>北京市海淀区中关村</th>
                            <th><a href="#">查看</a></th>
                        </tr>
                        <tr>
                            <th>2017-08-08</th>
                            <th>09:45</th>
                            <th>张瑞</th>
                            <th>北京市海淀区中关村</th>
                            <th><a href="#">查看</a></th>
                        </tr>
                        <tr>
                            <th>2017-08-08</th>
                            <th>09:45</th>
                            <th>张瑞</th>
                            <th>北京市海淀区中关村</th>
                            <th><a href="#">查看</a></th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div class="modal inmodal in" id="myModal" style="display: none;" aria-hidden="true" style="display: block; padding-left: 6px;">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" onclick="closeModal()"><span aria-hidden="true">×</span><span class="sr-only">关闭</span>
                </button>
                <h5 class="modal-title">考勤打卡</h5>
                <small class="font-bold">
                </small></div><small class="font-bold">
                <div class="modal-body">
                    <p><strong>朱璇</strong> 2017年8月8日 9:24 打卡</p>
                    <p>岗位：产品经理实习生</p>
                    <p>北京市海淀区中关村文化创意产业园13A</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" onclick="closeModal()">关闭</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </small></div><small class="font-bold">
        </small></div><small class="font-bold">
    </small>
</div>


@endsection

@section('script')

    <script type="text/javascript">
        // 查看详情
        function openModal(){
            $("#myModal").css("display","block");
        }

        function closeModal(){
            $("#myModal").css("display","none");
        }
    </script>


    <script type="text/javascript">

        // 设置状态栏激活

        $('.click-nav').removeClass('active');
        localStorage.clear();
        $('#nav1').addClass('active');
        localStorage.setItem('nav_st', 1);
    </script>
@endsection
